<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Beingfunchina - city select</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<script src="/Public/js/jquery-1.3.2.min.js"></script>
<meta name="keywords" content="BeingfunChina" />
<meta name="description" content="BeingfunChina" />
<style type="text/css">
body{margin:0 auto; width:1003px; height:auto; overflow:hidden; background-color:#000000; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a img{border:none;}
a{outline:none; color:#fff;}
.main{text-align:center; height:auto; padding:0; overflow:hidden;}
.main .bg{width:737px; height:auto; text-align:center; margin:0 auto; padding:0; overflow:hidden;}
.main .bg .dl{width:737px; height:600px; margin:0 auto; text-align:center;}

.main .bg .dl .logo{width:388px; height:241px; margin:10% auto 0 auto;}
.main .bg .dl .logo h1{width:388px; height:241px; float:left; overflow:hidden; margin:0; padding:0;}
.main .bg .dl .logo h1 a{background:url("/Public/img/logo.gif"); text-indent:-9999px; display:block;width:388px; height:241px;}

.main .bg .dl .dt{padding-left:10px;height:auto;overflow:hidden; padding-top:20px;width:684px; margin:0 auto;}
.main .bg .dl .dt .sol{ background:url(/Public/img/xiant.jpg) no-repeat; height:3px; float:left; width:684px; margin:0 auto;}
.main .bg .dl .dt h2{margin:0 20px;_margin:0 10px; padding:0; float:left;}
.main .bg .dl .dt h2 a,.main .bg .dl .dt h2 a:hover{text-decoration:none;border:none;}
.main .bg .dl .bj,.main .bg .dl .bj1{width:131px; height:109px;}
.main .bg .dl .bj a{background:url(/Public/img/bj0.gif); text-indent:-9999px; display:block;width:131px; height:109px;}
.main .bg .dl .bj a:hover,.main .bg .dl .bj1 a{background:url(/Public/img/bj1.gif); text-indent:-9999px; display:block;width:131px; height:109px;}

.main .bg .dl .sh,.main .bg .dl .sh1{width:131px; height:109px;}
.main .bg .dl .sh a{background:url(/Public/img/sh0.gif); text-indent:-9999px; display:block;width:131px; height:109px;}
.main .bg .dl .sh a:hover,.main .bg .dl .sh1 a{background:url(/Public/img/sh1.gif); text-indent:-9999px; display:block;width:131px; height:109px;}

.main .bg .dl .gz,.main .bg dl .gz1{width:131px; height:109px;}
.main .bg .dl .gz a{background:url(/Public/img/gz0.gif); text-indent:-9999px; display:block;width:131px; height:109px;}
.main .bg .dl .gz a:hover,.main .bg .dl .gz1 a{background:url(/Public/img/gz1.gif); text-indent:-9999px; display:block;width:131px; height:109px;}

.main .bg .dl .sz,.main .bg .dl .sz1{width:131px; height:109px;}
.main .bg .dl .sz a{background:url(/Public/img/sz0.gif); text-indent:-9999px; display:block;width:131px; height:109px;}
.main .bg .dl .sz a:hover,.main .bg .dl .sz1 a{background:url(/Public/img/sz1.gif); text-indent:-9999px; display:block;width:131px; height:109px;}

.main .bg .dl .dd{float:left;color:#ffffff; width:684px;height:auto; overflow:hidden; text-align:center;}
.main .bg .dl .dd .div{height:auto; overflow:hidden; padding-left:50px; margin-top:30px;_ margin-top:15px;}
.main .bg .dl .dd .div h3{font-size:12px; font-weight:bold; margin:0 23px;_ margin:0 11px; padding:0; float:left; font-family:Arial, Helvetica, sans-serif;}
.main .bg .dl .dd a,.main .bg .dl .dd .div h3 a{color:#cccccc; text-decoration:none;}
.main .bg .dl .dd a:hover,.main .bg .dl .dd .div h3 a:hover{color:#ffffff; text-decoration:underline;}
.main .bg .dl .dd .re{font-size:12px; float:right; padding-top:40px; color:#666666;}
</style>
</head>

<body>
<div class="main">
	<div class="bg">
		<div class="dl">
			<div class="logo">
				<h1><a href="__APP__/index/all.html" title="Being Fun in China">Being Fun in China</a></h1>
			</div>
			<div class="dt" id="city">
				<h2 class="bj" onmouseover="ch(this.className);">
				<a href="__APP__/index/beijing.html" title="BeingFunChina in Beijing">BeingFunChina in Beijing</a></h2>
				<h2 class="sh" onmouseover="ch(this.className);">
				<a href="__APP__/index/shanghai.html" title="BeingFunChina in ShangHai">BeingFunChina in ShangHai</a></h2>
				<h2 class="gz" onmouseover="ch(this.className);">
				<a href="__APP__/index/guangzhou.html" title="BeingFunChina in GuangZhou">BeingFunChina in GuangZhou</a></h2>
				<h2 class="sz" onmouseover="ch(this.className);">
				<a href="__APP__/index/shenzhen.html" title="BeingFunChina in ShenZhen">BeingFunChina in ShenZhen</a></h2>
				<div class="sol"></div>
			</div>
			
			<div class="dd">
				<div id="bj" class="div">
					<h3><a href="__APP__/cityguide/beijing.html">Beijing City Guide</a></h3>
					<h3><a href="__APP__/classifieds/beijing.html">Classifieds in Beijing</a></h3>
					<h3><a href="__APP__/biz.html">China Fairs</a></h3>
					<h3><a href="__APP__/event/beijing.html">Events in Beijing</a></h3>
					<h3><a href="__APP__/Magazine/index.html">Magazines</a></h3>
					<h3><a href="__APP__/group.html">Groups</a></h3>
				</div>
				<div id="sh" style="display:none;" class="div">
				<h3><a href="__APP__/cityguide/shanghai.html">ShangHai City Guide</a></h3>
				<h3><a href="__APP__/classifieds/shanghai.html">Classifieds in ShangHai</a></h3>
				<h3><a href="__APP__/biz.html">China Fairs</a></h3>
				<h3><a href="__APP__/event/shanghai.html">Events in ShangHai</a></h3>
				<h3><a href="__APP__/Magazine/index.html">Magazines</a></h3>
				<h3><a href="__APP__/group.html">Groups</a></h3>
			</div>
			
			<div id="gz" style="display:none;" class="div">
				<h3><a href="__APP__/cityguide/guangzhou.html">GuangZhou City Guide</a></h3>
				<h3><a href="__APP__/classifieds/guangzhou.html">Classifieds in GuangZhou</a></h3>
				<h3><a href="__APP__/biz.html">China Fairs</a></h3>
				<h3><a href="__APP__/event/guangzhou.html">Events in GuangZhou</a></h3>
				<h3><a href="__APP__/Magazine/index.html">Magazines</a></h3>
				<h3><a href="__APP__/group.html">Groups</a></h3>
			</div>
			
			<div id="sz" style="display:none;" class="div">
				<h3><a href="__APP__/cityguide/shenzhen.html">ShenZhen City Guide</a></h3>
				<h3><a href="__APP__/classifieds/shenzhen.html">Classifieds in ShenZhen</a></h3>
				<h3><a href="__APP__/biz.html">China Fairs</a></h3>
				<h3><a href="__APP__/event/shenzhen.html">Events in ShenZhen</a></h3>
				<h3><a href="__APP__/Magazine/index.html">Magazines</a></h3>
				<h3><a href="__APP__/group.html">Groups</a></h3>
			</div>
				<a href="#" title="Remember my choice" class="re" id="remember">
				<if condition="cookie('cid')">
				<img src="__PUBLIC__/img/es2.gif" class="remember_1" alt="Remember my choice" />
				<else/>
					<img src="__PUBLIC__/img/es.gif" class="remember_0" alt="Remember my choice" />
				</if>
				Remember my choice
				</a>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
var HOST		= window.location.host;
var Per_host	="http://"+HOST;
var JS_PATH		="../Public/js/";
var IMG_PATH	="../Public/images/";
var URL			='__URL__';
var APP			='__APP__';
var PUBLIC		='../Public/';
var REQUEST_URI ='{$_SERVER.REQUEST_URI}';
$(function(){
	$("#remember").click(function(){
		var anum=$("a").size();
		if($("#remember>img").attr('class')=='remember_0'){
			for(var i=1;i<anum;i++){
				var x=$("a:eq("+i+")");
				var r=x.attr('href')+'?remember=1'
				x.attr("href",r);
			}
			$("#remember>img").attr('src','/Public/img/es2.gif');
			$("#remember>img").attr('class','remember_1')
		}else{
			for(var i=0;i<anum;i++){
				var x=$("a:eq("+i+")");
				var r=x.attr('href').replace('?remember=1','');
				x.attr("href",r);
			}
			$("#remember>img").attr('src','/Public/img/es.gif');
			$("#remember>img").attr('class','remember_0');
		}
	});
	//$("#city>h2").mouseover(function(){
//		var id=this.className;
//		if(id.length==2){
//			show(id);
//			this.className=this.className+'1';
//		}
//	});
});

function ch(cname){
	//var cname=this.className;
	//alert(cname);
	if(cname.length==2){
		show(cname);
		$("."+cname).attr('class',cname+'1');
	}
}

function show(id){
	var dnum=$(".dd>.div").size();
	for(var i=0;i<dnum;i++){
		var x=$(".dd>.div:eq("+i+")");
		if(x.attr('id')!=id){
			x.hide();
		}else{
			x.show();
		}
	}
	
	var hnum=$("h2").size();
	//alert(hnum);
	for(var i=0;i<hnum;i++){
		var x=$("h2:eq("+i+")");
		if(x.attr('class').length==3){
			x.attr('class',x.attr('class').substr(0,2));
		}
	}
}
</script>
</body>
</html>
